/* ant-design默认class样式修改 */
#components-layout-demo-basic .ant-layout-header,
#components-layout-demo-basic .ant-layout-footer {
    color: #fff;
    background: #3f6885;
}
#components-layout-demo-basic  .ant-btn {
    border: none;
    background-color: rgb(104, 182, 238) !important;
}
#components-layout-demo-basic .ant-row {
    padding: 0;
    line-height: 3rem;
    height: 3rem!important;
}
#components-layout-demo-basic .ant-layout-footer {
    line-height: 1.5;
}
#components-layout-demo-basic .ant-layout-content {
    color: #fff;
    background-color: #5895c0;
}
#components-layout-demo-basic .ant-checkbox-wrapper {
    margin-left: 1rem !important;
}

/* 自用样式 头部 */
.td-header {
    height: 4rem;
    display: flex;
    flex-wrap: nowrap;
    line-height: 4rem;
    background-color: #323232;
    justify-content: space-around;
    border-bottom: 2px solid #fff;
}
.td-header .td-header-text {
    color: #fff;
    font-size: 1.5rem;
    margin-right: 2rem;
}
.td-input {
    height: 3rem;
    margin-top: 0.75rem !important;
}

/* 事项列表部分 */
.td-main {
    padding: 1rem 50px;
}
.td-done {
    margin-top: 2rem;
}
.title-row {
    font-size: 2rem;
    font-weight: bold;
}
.doing-item {
    border-left: 0.4rem solid #eee;
    background-color: rgb(104, 182, 238);
}
.done-item {
    opacity: 0.6;
    border-left: 0.4rem solid rgb(165, 165, 165);
}
/* 事项修改部分 样式  */
.editContext {
    overflow: hidden;
    white-space: nowrap;
}

/* 列表项公共样式 */
.item-common {
    margin: 1rem 0;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.2rem;
    box-shadow: 0 0 3px 1px #fff;
    transition: all ease-in-out 0.2s;
}
.item-common:hover {
    box-shadow: 0 0 1px 3px #fff;
}
.td-footer {
    padding-top: 1rem;
    border-top: 2px solid #fff;
}

/* 一些图标样式 */
.delete-icon-outer {
    overflow: hidden;
}
.delete-icon {
    font-size: 2rem;
    cursor: pointer;
    margin-top: 0.5rem;
}
.check-icon {
    transform: scale(1.2);
}

/* 数量统计样式 */
.count-num {
    font-size: 1rem;
    width: 2em;
    height: 2em;
    line-height: 1.9em;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fff;
}
[contenteditable='true'] {
    /* caret-color: red; */
    -webkit-user-modify: read-write-plaintext-only;
}